<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>新闻-登录页</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../res/layui/css/layui.css">
  <link rel="stylesheet" href="../res/static/css/index.css">
</head>

<div class="layui-fulid news-login">
  <a href="/f" class="title"><img src="../res/static/img/logoBig.png"></a>
  <div class="layui-form">
    <div class="layui-input-block">
      <input type="text" class="layui-input" lay-verify="required" placeholder="请输入手机号">
    </div>
    <div class="layui-input-block">
      <input type="text" class="layui-input"  lay-verify="required" placeholder="验证码">
      <img id="imgVerify" src="" alt="更换验证码" height="36" width="100%" onclick="getVerify(this);">
    </div>
    <div class="layui-input-block">
      <input type="text" class="layui-input"  lay-verify="required" placeholder="请输入短信验证码">
      <button id="getCode" class="layui-btn">获取验证码</button>
    </div>
    <p class="terms"><input type="checkbox" lay-skin="primary" lay-ignore checked>我已阅读并同意<a href="">用户协议</a>和<a href="">隐私条款</a></p>
    <button class="layui-btn" lay-submit lay-filter="newsLogin">登录</button>
    <div class="thirdParty"><a href=""><i class="layui-icon layui-icon-login-qq"></i></a><a href=""><i class="layui-icon layui-icon-login-wechat"></i></a></div>
  </div>
</div>

<script src="../res/layui/layui.js"></script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
  layui.config({
    base: '../res/static/js/' 
  }).use('news');

  //获取验证码
  function getVerify(obj) {
      obj.src = "/getVerify?" + Math.random();
      console.log(obj)
  }
</script>

</body>
</html>